"use client"

import Link from "next/link"
import SettingDialog from "@/components/site-header/components/setting-dialog"
import { ThemeToggle } from "@/components/site-header/components/theme-toggle"
import { Button } from "@/components/ui/button"
import { Icons } from "@/components/site-header/components/icons"
import { siteConfig } from "@/config/site"

export function FloatingToolbar() {
  return (
    <div className="fixed top-4 right-4 z-floating flex items-center space-x-2">
      <SettingDialog />
      <Link href={siteConfig.links.twitter} target="_blank" rel="noreferrer">
        <Button className="rounded-full" variant="ghost" size="icon">
          <img 
            src="https://res.hello123.com/huasen-store/logo/favicon.svg" 
            alt="Hello123" 
            className="h-5 w-5" 
          />
          <span className="sr-only">Hello123导航</span>
        </Button>
      </Link>
      <Link href={siteConfig.links.github} target="_blank" rel="noreferrer">
        <Button className="rounded-full" variant="ghost" size="icon">
          <Icons.gitHub className="h-5 w-5" />
          <span className="sr-only">GitHub</span>
        </Button>
      </Link>
      <ThemeToggle />
    </div>
  )
} 